<template>
    <div class='seckill-container' v-if="seckillList.length > 0">
        <div class="seckill">
            <!-- 秒杀提示框 -->
            <nav class="tip-seckill">
                <div class="sun-seckill-text">
                    <span>太阳秒杀</span>
                </div>
                <div class="sun-seckill-text seckill-num">
                    <span>{{ seckill_num_info[seckill_num] }}</span>
                </div>
                <div class="seckill-end-time">
                    <span class="have-after">00</span>
                    <span class="have-after">00</span>
                    <span>00</span>
                </div>
            </nav>
            <!-- 秒杀商品展示 -->
            <div class="seckill-show">
                <el-carousel trigger="click" height="260px" :autoplay=false>
                    <el-carousel-item v-for="item in 0" :key="item">
                        <div class="item-a" v-if="item == 1 ? true : false" v-for="imgs in 4">
                            <a href="#" class="seckill-item-a">
                                <div class="item-goods">
                                    <img src="../assets/logo.png" alt="">
                                </div>
                                <h6 class="goods-title">梦特娇（MONTAGUT）钢笔学生女士礼盒墨水套装女生高档精致情人节礼物送女友 潘朵拉系列 粉红色0.5mm</h6>
                                <div class="seckill-item-price">
                                    <span class="price-origin">
                                        <i>¥</i>
                                        <span>89.00</span>
                                    </span>
                                </div>
                            </a>
                        </div>
                        <div class="item-a" v-if="item == 2 ? true : false" v-for="imgs in 4">
                            <a href="#" class="seckill-item-a">
                                <div class="item-goods">
                                    <img src="../assets/logo.png" alt="">
                                </div>
                                <h6 class="goods-title">梦特娇（MONTAGUT）钢笔学生女士礼盒墨水套装女生高档精致情人节礼物送女友 潘朵拉系列 粉红色0.5mm</h6>
                                <div class="seckill-item-price">
                                    <span class="price-origin">
                                        <i>¥</i>
                                        <span>89.00</span>
                                    </span>
                                </div>
                            </a>
                        </div>
                        <div class="item-a" v-if="item == 3 ? true : false" v-for="imgs in 4">
                            <a href="#" class="seckill-item-a">
                                <div class="item-goods">
                                    <img src="../assets/logo.png" alt="">
                                </div>
                                <h6 class="goods-title">梦特娇（MONTAGUT）钢笔学生女士礼盒墨水套装女生高档精致情人节礼物送女友 潘朵拉系列 粉红色0.5mm</h6>
                                <div class="seckill-item-price">
                                    <span class="price-origin">
                                        <i>¥</i>
                                        <span>89.00</span>
                                    </span>
                                </div>
                            </a>
                        </div>
                        <div class="item-a" v-if="item == 4 ? true : false" v-for="imgs in 4">
                            <a href="#" class="seckill-item-a">
                                <div class="item-goods">
                                    <img src="../assets/logo.png" alt="">
                                </div>
                                <h6 class="goods-title">梦特娇（MONTAGUT）钢笔学生女士礼盒墨水套装女生高档精致情人节礼物送女友 潘朵拉系列 粉红色0.5mm</h6>
                                <div class="seckill-item-price">
                                    <span class="price-origin">
                                        <i>¥</i>
                                        <span>89.00</span>
                                    </span>
                                </div>
                            </a>
                        </div>
                    </el-carousel-item>
                </el-carousel>
            </div>
            <!-- 商品类别秒杀 -->
            <div class="category-a" v-if="seckillList.length > 0">
                <div class="category-img">
                    <div class="lazying-load">
                        <img src="https://img13.360buyimg.com/seckillcms/s260x260_jfs/t1/160104/17/34751/59904/63dde9e9Fbe9e4bcd/c3551d79766c538a.jpg.avif" alt="">
                    </div>
                </div>
                <div class="category-info">
                    <p class="category-title-info">慕阳数码秒杀专场</p>
                    <p class="category-info-promo">爆款低至99</p>
                    <div class="category-info-action">
                        品类秒杀
                        <i></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
// 导入组件
// 导出模块
export default {
    // 模块名字
    name: 'navseckill',
    // 模块数据
    data() {
        //数据
        return {
            seckill_num: 0, // 0 1 2 3 4 5
            seckill_num_info: [
                "00:00点场 距结束",
                "10:00点场 距结束",
                "12:00点场 距结束",
                "14:00点场 距结束",
                "18:00点场 距结束",
                "20:00点场 距结束"
            ],
            seckillList: [],

        };
    },
    // 注册组件
    components: {
    },


}
</script>
<style scoped>
@import url("../utils/css/navseckill.css");
</style>
